<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>好琴声</title>
	<base target=_blank>
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
	<link rel="stylesheet" type="text/css" href="css/xin_gerenzhongxin.css">
	<link rel="stylesheet" type="text/css" href="css/xin_qa.css">
</head>
<body>
<!-- ······························头部结构····································· -->

	<div class="headerWrap">
	<!-- 顶部结构······················································ -->
		<div class="head clearfix">
			<div class="huanying">
				<p>天道酬勤，欢迎来到好琴声!</p>
			</div>
			<div class="h1">
				<a href="javascript:;">
					<h1>好琴声</h1>
				</a>
			</div>
			<div class="fanti">
				<a href="javascript:;">繁体</a>
			</div>
			<div class="erWeiMa">
				<div class="erWeiMaImg">
					<img src="images/foot_app.jpg" alt="">
				</div>
				<h2>扫一扫下载APP</h2>
			</div>
			<div class="denglu clearfix">
				<div class="dengLeft">
					<ul class="clearfix">
						<li><a href="javascript:;">个人中心</a></li>
						<li>丨</li>
						<li><a href="javascript:;">登录</a></li>
						<li>丨</li>
						<li><a href="javascript:;">注册</a></li>
					</ul>
				</div>
				<div class="dengRight">
					<a href="javascript:;">
						<img src="images/ad1.jpg" height="70" width="150" alt="">
					</a>
				</div>
			</div>
		</div>
	<!-- 顶部结构结束······················································ -->

	<!-- 导航结构···························································· -->
		<div class="navwrap">
			<div class="nav">
				<ul class="clearfix">
					<li><a href="javascript:;">音乐广场</a></li>
					<li><a href="javascript:;">音乐资讯</a></li>
					<li><a href="javascript:;">音乐名人</a></li>
					<li><a href="javascript:;">音乐老师</a></li>
					<li><a href="javascript:;">音乐教室</a></li>
					<li><a href="javascript:;">音乐乐团</a></li>
					<li><a href="javascript:;">音乐海选</a></li>
					<li><a href="javascript:;">音乐乐谱</a></li>
					<li><a href="javascript:;">音乐百科</a></li>
					<li><a href="javascript:;">音乐电台</a></li>
					<li><a href="javascript:;">声粉论坛</a></li>
					
				</ul>
			</div>
		</div>
	<!-- 导航结构···························································· -->
	</div>
<!-- 头部结构结束······························································ -->

<!-- ····························中间结构·································· -->
<div class="bodyWrap clearfix">
	<!-- 左侧菜单························································· -->
	<div class="singleLeft">
		<div class="menuA">
			<ul>
				<li><a href="javascript:;">我的空间</a></li>
				<li><a href="javascript:;">我的消息</a></li>
				<li><a href="javascript:;">知音动态</a></li>
				<li><a href="javascript:;">通讯录</a></li>
			</ul>
		</div>
		<div class="menuB">
			<ul>
				<!-- 直接链接到前台 -->
				<li><i class="iconfont">&#xe65f;</i><a href="javascript:;">我的教室<b>1</b></a></li>
				<!-- 老师管理  只有教室才有 -->
				<li><i class="iconfont">&#xe66b;</i><a href="javascript:;">教师管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe66f;</i><a href="javascript:;">学生管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe667;</i><a href="javascript:;">我的课程<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe669;</i><a href="javascript:;">内部公告<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe671;</i><a href="javascript:;">音乐活动<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe651;</i><a href="javascript:;">推荐管理<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65e;</i><a href="javascript:;">我的发帖<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe663;</i><a href="javascript:;">我的QA<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe661;</i><a href="javascript:;">我的账户<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65d;</i><a href="javascript:;">个人资料<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe64d;</i><a href="javascript:;">我的收藏<b>1</b></a></li>
				
			</ul>
		</div>
	</div>
	<!-- 左侧菜单完成····················································· -->
	<!-- 中间结构························································· -->
	<div class="singleMiddle">
		<!-- 我要提问 -->
			<div class="ask">
				<h2 class="askTitle">我要提问</h2>
				<h3 class="askTarget">向<span>XXXXX</span>发送提问</h3>
				<div class="askQuestion">
					<form action="">
						<ul>
							<li><span class="askHead">标题:</span><input class="askContent" type="text" required></li>
							<li><span class="askHead">问题描述:</span><textarea class="questionDec askContent" name="" id="" cols="30" rows="10" required></textarea></li>
							<li><span class="askHead">视频上传:</span><input class="askContent" type="file" accept=".mp4"></li>
							<li><input class="askSub" type="submit" value="发送提问" ></li>
						</ul>
					</form>
					
				</div>
			</div>
		<!-- end 我要提问·················································· -->


	</div>
	<!-- 中间结构完成····················································· -->
	<!-- 右侧展示························································· -->
	<div class="singleRight">
		<!-- 登录区域··············································· -->
		<div class="login">
			
			<!-- 登录后············································· -->
			<div class="login_Hou">
				<div class="touxiang"><img src="images/tou.jpg" alt=""></div>
				<div class="uesrID">小竹于</div>
				<div class="shenfen"><em>身份：</em><span>习乐人</span></div>
				<div class="dengji"><em>等级：</em><span>六级</span><a href="javascript:;">[积分规则]</a></div>
				<div class="jingyanzhi clearfix"><em>爱好乐器：</em><span>钢琴，提琴</span></div>
				<div class="guanzhu clearfix">
					<div class="inguanzhu"><em>关注</em><span>181</span></div>
					<div class="fensi"><em>粉丝</em><span>222</span></div>
				</div>

			</div>
			<div class="fatiezi">
					<ul class="clearfix">
						<li><a href="javascritp:;">返回首页</a></li>
						<li><a href="javascritp:;">安全退出</a></li>
					</ul>
				</div>
			<div class="search">
				<form class="clearfix" action="">
					
					<input type="search" placeholder="钢琴 吉他 萨克斯">
					
				</form>
				<i class="iconfont">&#xe658;</i>
			</div>
		</div>
		<!-- 登录区域结束··············································· -->
		<!-- 右侧帖子展示··············································· -->
		<div class="chaxuntiezi">
			<h2>热帖查询</h2>
			<!-- 日期选择··············································· -->
			<div class="choice">
				<div class="demo1">
					<input class="laydate-icon" id="demo" value="2014-6-25"> 
				</div>
				<script type="text/javascript">
				!function(){
					laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
					laydate({elem: '#demo'});//绑定元素
				}();

				//日期范围限制
				var start = {
				    elem: '#start',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(), //设定最小日期为当前日期
				    max: '2099-06-16', //最大日期
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				         end.min = datas; //开始日选好后，重置结束日的最小日期
				         end.start = datas //将结束日的初始值设定为开始日
				    }
				};

				var end = {
				    elem: '#end',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(),
				    max: '2099-06-16',
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				        start.max = datas; //结束日选好后，充值开始日的最大日期
				    }
				};
				laydate(start);
				laydate(end);

				//自定义日期格式
				laydate({
				    elem: '#test1',
				    format: 'YYYY年MM月DD日',
				    festival: true, //显示节日
				    choose: function(datas){ //选择日期完毕的回调
				        alert('得到：'+datas);
				    }
				});

				//日期范围限定在昨天到明天
				laydate({
				    elem: '#hello3',
				    min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
				    max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
				});
				</script>
			</div>
			<div class="ok">
				<input type="submit">
			</div>
			<div class="recommond">
				<span>换一批</span>

				<dl>
					<dd>个人热门贴</dd>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a>
						<span>作者作者</span>
						<span>12/12 09:10</span>
					</dt>
					<dt>
						<img src="images/little.png" height="60" width="60">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					</dl>
					<a href="">查看更多帖子></a>
				</div>

		</div>

		<!-- 右侧帖子展示··············································· -->
	</div>
	<!-- 右侧展示完成····················································· -->




<!-- 中间区域结束···························································· -->


</div>




<!-- ····························中间结构结束·································· -->	
<!-- 底部结构开始································································ -->
	<div class="footerWrap">
		<div class="footBian">
			<div class="footNavWrap clearfix">
				<div class="footNav clearfix">
					<dl>
						<dd><a href="javascript:;">音乐广场</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐资讯</a></dd>
						<dt><a href="javascript:;">音乐新闻</a></dt>
						<dt><a href="javascript:;">音乐资讯</a></dt>
						<dt><a href="javascript:;">音乐活动</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐名人</a></dd>
						<dt><a href="javascript:;">名人名家</a></dt>
						<dt><a href="javascript:;">音乐之星</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐老师</a></dd>
						<dt><a href="javascript:;">键盘老师</a></dt>
						<dt><a href="javascript:;">吉他老师</a></dt>
						<dt><a href="javascript:;">弦乐老师</a></dt>
						<dt><a href="javascript:;">管乐老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						<dt><a href="javascript:;">电声老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐教室</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐团</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐海选</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐谱</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐百科</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐电台</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">声粉论坛</a></dd>
						
					</dl>
				</div>
				<div class="footCode clearfix">
					<div class="firstCode">
						<a href="javascript:;">
							<img src="images/foot_weixin.jpg" alt="">
							<h3>扫一扫关注微信</h3>
						</a>
					</div>
					<div class="secondCode">
						<a href="javascript:;">
							<img src="images/foot_app (1).jpg" alt="">
							<h3>扫一扫下载APP</h3>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footBtm clearfix">
				<div class="h1">
					<a href="javascript:;">
						<h1>好琴声</h1>
					</a>
				</div>
				<div class="lianxi">
					<div class="footTil">
						<span>好琴声</span>
						<i>0 2 1 - 6 7 7 0 3 9 5 6</i>
					</div>
					<div class="footcon">
						<p>Copyright © 2015 greattone.net All rights reserved. 好琴声版权所有</p>
						<p>沪ICP备09050100号</p>
						<p>公司总部地址：上海市金山区枫泾镇枫湾路531号科创小镇二楼 24小时服务热线：15216849061</p>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- 底部结构开始································································ -->


</body>
</html>